<template>
  <div class="ivu-box">
    <Breadcrumb>
      <BreadcrumbItem>视频管理</BreadcrumbItem>
      <BreadcrumbItem>视频上传</BreadcrumbItem>
    </Breadcrumb>
    <div class="form_box">
      <Form ref="formCustom" style="width: 850px;" :model="form" :label-width="100">
        <FormItem>
          <Button type="default" style="margin-left: -64px;" @click="$router.go('-1')">返回</Button>
        </FormItem>
        <FormItem label="视频标题:">
          <Input type="email" style="width:500px;" placeholder="请输入视频标题"></Input>
        </FormItem>
        <FormItem label="上传设备:">
          <Input type="textarea" style="width:500px;" placeholder="请输入视频简介"></Input>
        </FormItem>
        <FormItem label="上传封面:">
          <Upload action="//jsonplaceholder.typicode.com/posts/">
            <Button icon="ios-cloud-upload-outline">上传图片</Button>
          </Upload>
        </FormItem>
        <FormItem label="上传视频:">
          <Upload
            multiple
            action="//jsonplaceholder.typicode.com/posts/">
            <Button icon="ios-cloud-upload-outline">上传视频</Button>
          </Upload>
        </FormItem>
        <FormItem label="权重:">
          <Input type="text"  style="width:500px;"
                 placeholder="请输入权重"></Input>
        </FormItem>
        <FormItem label="状态:">
          <Input type="text"  style="width:500px;"
                 placeholder="请输入状态"></Input>
        </FormItem>
        <FormItem>
          <Button type="primary"  @click="submit2"  style="margin-left: 186px;">确定</Button>&nbsp;&nbsp;&nbsp;&nbsp;
        </FormItem>
      </Form>
    </div>
    <div class="add">
      <Modal v-model="modal3"    :mask-closable="false" >
        <Form>
          <div class="mainWords"><p>成功</p></div>
          <div class="iconStyle"><Icon type="ios-checkmark-circle-outline" style="font-size: 60px;color: palegreen;" /></div>
        </Form>
      </Modal>
    </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        modal3:false,
        form: {
          username:'',
          password:'',
          role_id:null,
          manager_id:null,//经理id 经理角色账号时 不填
          email:'',//邮箱
        },
        selectData: null, // 权限组选中下标
        selectList: [], //权限预览id
        show: true,

        list_: [],

        list: [],
        roleList:[],

        checkAll: true,
        role_id:null,
        data:[],
        accountList:[],
        my_role_id:null, //6经理
      };
    },
    created() {
      // this.m_id = JSON.parse(this.astgo.getItem(this.Pn + "info")).role_id

      this.my_role_id = JSON.parse(this.astgo.getItem(this.Pn + "info")).role_id;
      console.log(this.my_role_id)
      this.getlist();
      this.all();
      this.getAccount();
    },
    methods: {
      submit2 () {
        // this.cancel();
        this.modal3 = true
        this.allocated = [];
        this.undistributed = [];
        if(this.infoID == 6){
          console.log('6')
          this.axios.post("device/getAllDev").then(res => {
            if (res.code == 1) {
              this.allocated = res.data.allocated;
              this.undistributed= res.data.undistributed;
            }
          });
        }
      },
      all() {
        this.axios.post("role/rule_list").then(res => {
          if (res.code == 1) {
            var arr = res.data;
            this.data = arr;

          }
        });
      },

      Submit() {
        var form = this.form;
        form.role_id = this.role_id
        // var id =  JSON.parse(this.astgo.getItem(this.Pn + "info")).role_id;

        // if(id == 6){
        // 	//经理不需要写经理id
        // }else{
        // 	// form.manager_id = id;
        // }

        // if(!this.$testEmail(form.email)){
        // 	this.$Message.warning('请填写正确的邮箱');
        // 	return false
        // }

        console.log(form)
        this.axios.post('account/addAccount',form ).then(res => {
          if(res.code == 1){
            this.$Message.success('添加成功');
            this.$router.go(-1)
          }
        })

      },

      getlist() {

        //如果是经理只能添加操作员

        this.axios.post("role/role_list",{status:1}).then(res => {
          if (res.code == 1) {
            if(this.my_role_id == 6){
              this.role_id = 7;
              this.list =[];

              var arr = res.data.list;

              for(var i = 0,len=arr.length;i<len;i++){
                if(arr[i].id == 7){
                  this.list .push(arr[i]);
                  break
                }
              }
            }else{
              this.list = res.data.list;
              this.role_id =this.list[0].id;
              console.log(this.selectData )

            }

            this.selectData = this.list[0].id;


            this.getRole();
          }
        });
      },

      getRole () {
        this.axios.post("role/get_role_rule",{role_id:this.role_id}).then(res => {
          if(res.code == 1){
            this.list_  = res.data;
            console.log(this.list_)
          }
        })
      },
      changeSelect(e) {
        console.log('选择', e)
        this.show = false;
        this.$nextTick(() => {
          this.show = true
        })
        this.role_id = e;
        this.getRole();
      },
    }
  };
</script>

<style scoped>
  h3 {
    line-height: 50px;
  }

  .subordinate {
    margin: 10px 20px;
  }

  .checkbox {
    margin: 5px 10px;
    min-width: 200px;
  }

  .check {
    margin-top: 5px;
    margin-left: 30px;
    min-width: 160px;
  }

  .checkboxs {
    border-bottom: 1px solid silver;
    padding-bottom: 10px;
  }

  .outer {
    margin: 20px 0;
    padding: 10px;
    border: 1px solid silver;
    border-radius: 5px;
  }
  .mainWords{
    position: relative;
    left: 222px;
  }
  .mainWords p{
    font-size: 20px;
    font-weight: bold;
  }
  .iconStyle{
    position: relative;
    left: 214px;
    top: 10px;
  }
</style>
